<div class="mapfilter">
	<label>
		$$estas_en$$:
	</label>
	<div class="field">
		<label>Estado:</label>
		<select class="estado" id="_estados" onchange="javascript:changeEstado(this.value)">
		</select>
	</div>
</div>

<script type="text/javascript">
function changeEstado(estado){
	if(estados.MX[estado].centro){
		var centro=new google.maps.LatLng(estados.MX[estado].centro.lat(),estados.MX[estado].centro.lng());
		mapasDDBB[0].mapa.setCenter(centro);
		mapasDDBB[0].mapa.setZoom(estados.MX[estado].zoom);
	}
}
	$(document).ready(function() {
		var cont=document.getElementById("_estados");
		for(var i in estados.MX){
			var option=document.createElement("option");
			option.value=i;
			option.appendChild(document.createTextNode(estados.MX[i].nombre));
			cont.appendChild(option);
		}
	});
</script>